@charset "utf-8";

html{ font-size: 30px;}
@media only screen and (max-width: 414px) {
html{ font-size: 16px;}
}
@media only screen and (max-width: 375px) {
html{ font-size: 14px;}
}
@media only screen and (max-width: 360px) {
html{ font-size: 13px;}
}
@media only screen and (max-width: 320px) {
html{ font-size: 12px;}
}

html,body,div,p,img,a{margin: 0; padding: 0; font-family: "microsoft yahei"; border: none; -webkit-box-sizing: border-box;}

html,body{ height: 100%;}

body{ min-width:320px; max-width:640px; margin:0 auto; position:relative;}



.bodyIndex{ height: 100%; position: relative; overflow: hidden;}

.mapManager{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}


.point-icon{ position: absolute; z-index: 9; width: 1.5rem; height: 1.5rem; -webkit-transform: translate(-0.7rem,-0.7rem); background-size: 100% 100%;top: 50%;left: 50%;}
.cog-point-module{ position: absolute; width: 18rem; background-color: #FFFFFF; border: 1px solid #dddddd; border-radius: 0.3rem; bottom: 1.8rem; }
.cog-point-module:before{ content: ""; border-top:5px solid #cccccc; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; bottom: -5px; left: 8.45rem;}
.cog-point-module:after{ content: ""; border-top:5px solid #FFFFFF; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; bottom: -4px; left: 8.45rem;}
.cog-point-module .title{text-align: center;font-size: 1rem;line-height: 3rem; border-bottom: solid 1px #f1efef;color: #8c8c8c}
.cog-point-module .info{text-align: center;color: #000;font-size: 1rem;line-height: 4rem}
.cog-point-module .btn-box{ text-align: center; font-size: 0; padding-bottom: 1rem;}
.cog-point-module .btn-box > a{ display: inline-block; font-size: 1rem; width: 35%; line-height: 2rem; border: 1px solid #cccccc; border-radius: 0.2rem; margin: auto 5%;}
.cog-point-module .btn-box > a.yes{background-color: #f39800; color: #FFFFFF; border-color: #F39800;}

